/*
 * @Descripttion: 
 * @version: 
 * @Author: 侯勇
 * @Date: 2022-10-22 18:16:53
 * @LastEditors: 侯勇
 * @LastEditTime: 2022-10-26 20:23:38
 */
import React, { memo, Fragment } from 'react'

//导入样式组件
import { FooterWrapper, LeftWrapper, RightWrapper } from './style'
import { footerLinks, footerImages } from '@/common/local-data'
import "./index.less"


const HyAppFooter = memo(() => {
    return (
        <FooterWrapper>
            <div className='wrap-v2 content'>
                <LeftWrapper className="left">
                    <div className="link">
                        {
                            footerLinks.map((item, index) => {
                                return (
                                    <Fragment key={item.title}>
                                        {/* _self当前窗口打开，_blank新窗口打开 */}
                                        <a href={item.link} target="_blank" rel="noopener noreferrer">{item.title}</a>
                                        <span className="line">|</span>
                                    </Fragment>
                                )
                            })
                        }
                    </div>
                    <div className="copyright">
                        <span>网易公司版权所有©1997-2020</span>
                        <span>
                            杭州乐读科技有限公司运营：
                            <a href="https://p1.music.126.net/Mos9LTpl6kYt6YTutA6gjg==/109951164248627501.png" rel="noopener noreferrer" target="_blank">浙网文[2018]3506-263号</a>
                        </span>
                    </div>
                    <div className="report">
                        <span>违法和不良信息举报电话：0571-89853516</span>
                        <span>
                            举报邮箱：
                            <a href="mailto:ncm5990@163.com" target="_blank" rel="noopener noreferrer">ncm5990@163.com</a>
                        </span>
                    </div>
                    <div className="info">
                        <span>粤B2-20090191-18</span>
                        <a href="http://www.beian.miit.gov.cn/publish/query/indexFirst.action" rel="noopener noreferrer" target="_blank">
                            工业和信息化部备案管理系统网站
                        </a>
                    </div>
                </LeftWrapper>
                <RightWrapper>
                    {
                        footerImages.map((item, index) => {
                            console.log('item', item)
                            return (
                                <li className="item" key={item.link}>
                                    <a className="link" href={item.link} rel="noopener noreferrer" target="_blank"></a>
                                    <span className="title">{item.title}</span>
                                </li>
                            )
                        })
                    }
                </RightWrapper>
            </div>
        </FooterWrapper>
    )
})

export default HyAppFooter